<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>会员注册</title>
<link rel="short icon" href="images/tc.png" />
<link rel="stylesheet" href="css/register.css" />
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/register.js" /></script>
</head>

<body>
<header>
	<div class="header">
    	<a href="index.html" title="同程旅游" target="_blank"><img src="images/register_logo.png" alt="同程旅游" /></a>
        <div class="welcome">
        	<h2>欢迎注册</h2>
        </div>
        <div class="login_entry">
        	<p>已有同程账号？<a href="login.html" target="_self">登录</a></p>
        </div>
    </div>
</header><!--顶部样式-->
<acticle>
	<div class="content" id="content1">
    	<ul class="step_name_first">
            <li id="step_name_f1">填写注册信息</li>
            <li id="step_name_f2">接受并填写验证码</li>
            <li id="step_name_f3">注册成功</li>
        </ul>
        <div class="step_cont1">
        	<form action="" method="post" name="register" id="regform">
            	<p class="register_info_line">
                    <label class="label" for="mobileNum">
                    	<span class="requied_symbol">*</span>
                        E-mail
                    </label>
                    <input id="emailNum" class="input" type="text" value="" name="email" maxlength="20"/>
                    <span class="message" id="emailTip">请输入邮箱名</span>
                </p>
                 <p class="register_info_line">
                    <label class="label" for="pwdOnce">
                        <span class="requied_symbol">*</span>
                        登录密码
                    </label>
                    <input id="pwdOnce" class="input" type="password" value="" name="pwdOnce" maxlength="18" onKeyUp="pwStrength(this.value)" onBlur="pwStrength(this.value)"/>
                    <span class="message" id="pwdOnceTip" onKeyUp="pwdOnceTip(this.value)" onBlur="pwdOnceTip(this.value)">6-18位，字母、数字、特殊符号中的两种或两种以上，不能单独使用某一种</span>
                </p>
                <div id="passtr">
                <span>安全程度：</span>
                    <table width="150px" height="15px" border="0" cellspacing="0" cellpadding="1" bordercolor="#cccccc" style='font-size:12px;margin-top:-15px'>
                    <tr align="center" bgcolor="#eeeeee">
                       <td width="33%" id="strength_L">弱</td>
                       <td width="33%" id="strength_M">中</td>
                       <td width="33%" id="strength_H">强</td>
                    </tr>					
                    </table>
               </div>
                <p class="register_info_line">
                    <label class="label" for="pwdTwice">
                        <span class="requied_symbol">*</span>
                        确认密码
                    </label>
                    <input id="pwdTwice" class="input" type="password" value="" name="pwdTwice" maxlength="18"/>
                    <span class="message" id="pwdTwiceTip">请输入确认密码</span>
                </p>
                <p class="register_info_line">
                    <label class="label" for="verifCode">
                        <span class="requied_symbol">*</span>
                        图形验证码
                    </label>
                        <input id="verifCode" class="input" type="text" value="" name="verifCode" maxlength="4"/>
                        <img id="verifCodeImg" class="verif_code_img" src="valiCodeImg.jsp" title="点击刷新验证码" alt="">
                    <span>
                    	<a id="changeVerifCodeImg" class="change_verif_code_img" href="javascript:changeCode()">换一张</a>
                    </span> 
                    <span class="message" id="verifCodeTip">请输入验证码</span>
				</p>
                <p class="register_agree">
                    <label>
                        <input id="argee" class="check" type="checkbox" checked="checked" name="agree">
                        我已阅读并同意
                        <a class="tips" href="#">《同程旅游服务条款》</a>
                    </label>
                    <!-- <span class="message">请勾选</span> -->
                </p>
                <p class="register_submit">
                	<a id="step1Submit" class="register_submit_btn" href="javascript:registerUserInfo()">同意服务条款并注册</a>
                </p>
            </form>
        </div>
    </div>
    
    <div class="content" id="content2">
    	<ul class="step_name_second">
            <li id="step_name_s1">填写注册信息</li>
            <li id="step_name_s2">接受并填写验证码</li>
            <li id="step_name_s3">注册成功</li>
        </ul>
         <div class="step_cont2">
        	<form action="#" method="post" name="register" id="reg">
            	<p class="step2_prompt_line1">
                    <span class="medium_prompt">
                        同程旅游将向您的邮箱
                        <em id="extendemail"></em>
                        <input id="mobilePhone" type="hidden" value="" name="mobilePhone">
                        发送注册验证码
                    </span>
                </p>
                <p class="step2_prompt_line2">
                    <label class="label" for="verifCode">
                        <span class="requied_symbol">*</span>
                        验证码
                    </label>
                   <input id="regsafecode" class="input" type="text" name="regsafecode" maxlength="6" rule="required" tips="验证码"/>
                   <input type="button" value="发送验证码" id="regsafecodebtn" />
                	<span class="message" id="verifCodeNumTip">请输入验证码</span>
                </p>
                 <p class="register_submit">
                	<a id="step2Submit" class="register_submit_btn">确认并提交注册</a>
                </p>
         	</form>
           <div id="no_get">没有收到验证码？</div>
         </div>
	</div> 
</acticle><!--内容区样式-->
<footer>
	<div class="footer">
    	<p>Copyright © 2002-2015<span class="corp_name">同程网络科技股份有限公司</span></p>
        <p><a class="icp_num" href="#" target="_blank">苏ICP证B2-20100204</a></p>
    </div>
</footer><!--底部样式-->
</body>
</html>
